.el-button.is-disabled {
  color: #C0C4CC !important;
}

.el-button--small {
  font-size: 14px !important;
}

.limit {
  color: #105CFB !important;
}

.limit:last-child { 
  color: #ff4949 !important;
}

.inLimit:last-child {
  color: #71e2a3 !important;
}

.el-button.is-disabled {
  color: #C0C4CC !important;
}

.main-title {
  text-align: left;
  border-left: 3px solid #0079fe;
  padding-left: 10px;
  line-height: 22px;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.container {
  max-width: 100% !important;
  margin: 0;
  padding: 0;
}

@media all and (min-width: 1600px) {
  .write_r {
    padding-left: 30px;
  }
}

@media all and (min-width: 1040px) and (max-width: 1399px) {
  .write_>>>div:last-child {
    width: 230px !important;
  }
}

@media all and (max-width: 1199px) {
  .write_r {
    text-align: left !important;
    margin-top: 15px;
  }
}

@media all and (min-width: 811px) and (max-width: 1039px) {
  .write_>>>div:last-child {
    width: 230px !important;
  }
}

@media all and (max-width: 810px) {
  .write_>>>div:last-child {
    width: 230px !important;
  }
}

@media all and (max-width: 800px) {
  .write_>>>div:last-child {
    width: 230px !important;
  }
}

.write {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
}

.empty {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.write_ {
  display: flex;
  flex-wrap: wrap;
}

.write_ div:first-child {
  margin-right: 15px;
}

.write_ div:last-child {
  width: 230px;
}

.write_r {
  text-align: right;
}

.write_r .el-button {
  width: 96px;
}


.write_r>.addNew {
  color: #1890ff;
  background: #e8f4ff;
  border-color: #a3d3ff;
}

.write_r>.addNew:hover {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}

.write_r>.ctions {
  color: #ff4949;
  background: #ffeded;
  border-color: #ffb6b6;
}

.write_r>.ctions:hover {
  color: #fff;
  background: #ff4949;
  border-color: #ff4949;
}

.write_r>.ctionsIn {
  color: #71e2a3;
  background: #e7faf0;
  border-color: #d0f5e0;
}
.write_r>.ctionsIn:hover {
  color: #fff;
  background: #13ce66;
  border-color: #13ce66;
}

.write_r>.ctions.is-disabled {
  color: rgba(255, 73, 73, .5) !important;
  background: #ffeded;
  border-color: #ffb6b6;
}

.write_r>.ctionsIn.is-disabled {
  color: rgba(113, 226, 163, .5) !important;
  background: #e7faf0;
  border-color: #d0f5e0;
}


.write .el-pagination {
  text-align: center;
  margin-top: 36px;
}

.status_type {
  color: #70b603;
}

.status_type_s {
  color: #7f7f7f;
}

.index-main {
  width: calc(100% - 180px);
  position: absolute;
}

/* 设置持续时间和动画函数 */
/* 可以设置不同的进入和离开动画 */
.transitionName-enter-active {
  transition: all .6s ease-in;
}

.transitionName-leave-active {
  transition: all 0s ease-out cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.transitionName-enter,
.transitionName-leave-to {
  transform: translateX(35px);
  opacity: 0;
}